<template>
	<view class="my-contract">
		<my-header class="home-header" :isBack="false" title="我的协议"></my-header>

		<scroll-view scroll-y="true">
			<view class="contract-content">
				<view class="contract">
					<image class="contract-img" src="signInfo.classProtocolPath" mode=""></image>
					<button @click="goq">签名</button>
				</view>
			</view>
		</scroll-view>

		<!-- tabbar -->
		<my-tabbar></my-tabbar>

	</view>
</template>

<script>
	import MyHeader from '@/common/my-header/my-header.vue'
	import MyTabbar from '@/common/tabbar/my-tabbar.vue'
	export default {
		data() {
			return {

			}
		},
		components: {
			MyHeader,
			MyTabbar
		},
		onLoad() {},
		computed: {},

		onReady() {

		},
		methods: {
			goq() {
				uni.showToast({
					title: '签名完成！'
				})
			}
		}
	}
</script>

<style scoped>
	/* 去除滚动条 */
	scroll-view ::-webkit-scrollbar {
		display: none;
		width: 0 !important;
		height: 0 !important;
		-webkit-appearance: none;
		background: transparent;
		color: transparent;
	}

	.my-contract {
		width: 100vw;
		height: 100vh;
		background-color: #f0f3f7;
	}

	.contract-content {
		padding: 0 35rpx;
		box-sizing: border-box;
	}

	.contract {
		width: 682rpx;
		border: 2rpx dashed #000;
		position: relative;
		margin-bottom: 140rpx;
	}
</style>